
import { jsx } from '@emotion/react'

import { type IconProps } from './util'

export function PrintBarLogo (props: IconProps) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="48"
      height="48"
      fill="none"
      role="img"
      aria-label="The Print Bar logo"
      {...props}
    >
      <g clipPath="url(#a)">
        <circle cx="24" cy="24" r="24" fill="#fff" />
        <path
          fill="#2C50FB"
          d="M36.906 36.343a9.3 9.3 0 0 0 .93-4.357c0-7.164-5.55-8-7.927-8h-.465V16.19h-8.358v.645a2.388 2.388 0 0 0-2.208 2.388v4.775h-.681v7.808h8.357v-.644a2.388 2.388 0 0 0 2.21-2.388v-4.776h.644v7.808H26.59v8.19h3.32a9.17 9.17 0 0 0 4.775-1.193l4.202 1.194-1.981-3.654Z"
        />
        <path
          fill="#2C50FB"
          d="M21.05 16.19V8h-5.97c-.966 0-2.387.394-2.387 1.803 0 1.409 1.469 1.779 2.436 1.779h.107c.955 0 2.125.143 2.125 1.313s-1.194 1.301-2.125 1.301h-3.952c-1.23 0-2.519.502-2.519 1.803s1.278 1.791 2.52 1.791h1.993c1.122 0 2.245.155 2.245 1.301 0 1.147-1.123 1.314-2.245 1.314h-.585c-1.074 0-2.913.131-2.913 1.79 0 1.66 1.827 1.791 2.913 1.791h5.504V16.19h2.853Z"
        />
        <path
          fill="#2C50FB"
          d="M10.27 11.307a1.504 1.504 0 1 0 0-3.009 1.504 1.504 0 0 0 0 3.01ZM14.078 34.576l-.239-1.755-.238 1.755a1.278 1.278 0 0 1-1.099 1.087l-1.755.25 1.755.24a1.277 1.277 0 0 1 1.099 1.086l.238 1.803.24-1.767a1.266 1.266 0 0 1 1.086-1.087l1.767-.239-1.767-.25a1.266 1.266 0 0 1-1.087-1.123ZM33.575 13.408l.263 1.756.238-1.768a1.29 1.29 0 0 1 1.099-1.086l1.755-.239-1.755-.239a1.29 1.29 0 0 1-1.099-1.098l-.238-1.743-.24 1.755a1.29 1.29 0 0 1-1.086 1.098l-1.767.24 1.767.238a1.29 1.29 0 0 1 1.063 1.086Z"
        />
      </g>
      <defs>
        <clipPath id="a">
          <path fill="#fff" d="M0 0h48v48H0z" />
        </clipPath>
      </defs>
    </svg>
  )
}
